//css超出一行用点表示 需直接作用在文字的父节点上才能生效
.text-ellipsis{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.text-ellipsis-1{
	@extend .text-ellipsis;
	-webkit-line-clamp: 1;
}
.text-ellipsis-2{
	@extend .text-ellipsis;
	-webkit-line-clamp: 2;
}
.text-ellipsis-3{
	@extend .text-ellipsis;
	-webkit-line-clamp: 3;
}
//页面滚动固定在标题栏下
.sticky-top-after-titlebar{
	position: sticky;
	top: var(--window-top);
	z-index: 10;
}
//tabbar
.pb-tab-bar{padding-bottom: $tab-height + env(safe-area-inset-bottom);}
.h-tab-bar{height: $tab-height;}
//safe
.pb-safe{padding-bottom: env(safe-area-inset-bottom);}
.bottom-safe{bottom: env(safe-area-inset-bottom);}
.safe-height{height: env(safe-area-inset-bottom);}
//
.text-center{text-align: center;}
.text-right{text-align: right;}
.text-left{text-align: left;}
/**/
.p-0-4{padding: 8rpx;}
.p-1-1{padding: 12rpx;}
.p-1-3{padding: 16rpx;}
.p-2-2{padding: 24rpx;}
.p-3-1{padding: 32rpx;}
//
.py-0-2{padding-top:4rpx;padding-bottom: 4rpx;}
.py-0-4{padding-top:8rpx;padding-bottom: 8rpx;}
.py-1{padding-top:10rpx;padding-bottom: 10rpx;}
.py-1-1{padding-top:12rpx;padding-bottom: 12rpx;}
.py-1-3{padding-top:16rpx;padding-bottom: 16rpx;}
.py-2{padding-top:20rpx;padding-bottom: 20rpx;}
.py-2-2{padding-top:24rpx;padding-bottom: 24rpx;}
.py-2-3{padding-top:26rpx;padding-bottom: 26rpx;}
.py-3{padding-top:30rpx;padding-bottom: 30rpx;}
.py-3-1{padding-top:32rpx;padding-bottom: 32rpx;}
.py-3-3{padding-top:36rpx;padding-bottom: 36rpx;}
.py-4{padding-top:40rpx;padding-bottom: 40rpx;}
.py-5{padding-top:50rpx;padding-bottom: 50rpx;}
.py-6-2{padding-top:64rpx;padding-bottom: 64rpx;}
.py-6-4{padding-top:68rpx;padding-bottom: 68rpx;}
.py-8{padding-top:80rpx;padding-bottom: 80rpx;}
//
.px-0-3{padding-left:8rpx;padding-right: 8rpx;}
.px-1{padding-left:10rpx;padding-right: 10rpx;}
.px-1-1{padding-left:12rpx;padding-right: 12rpx;}
.px-1-3{padding-left:16rpx;padding-right: 16rpx;}
.px-2{padding-left:20rpx;padding-right: 20rpx;}
.px-2-1{padding-left:22rpx;padding-right: 22rpx;}
.px-2-2{padding-left: 24rpx;padding-right: 24rpx;}
.px-3{padding-left:30rpx;padding-right: 30rpx;}
.px-3-1{padding-left:32rpx;padding-right: 32rpx;}
.px-4{padding-left:40rpx;padding-right: 40rpx;}
.px-4-4{padding-left:48rpx;padding-right: 48rpx;}
.px-5{padding-left:50rpx;padding-right: 50rpx;}
.px-5-4{padding-left:58rpx;padding-right: 58rpx;}
.px-6{padding-left:60rpx;padding-right: 60rpx;}
.px-10{padding-left: 100rpx;padding-right: 100rpx;}
/**/
.pl-1{padding-left: 10rpx}
.pl-1-3{padding-left: 16rpx;}
.pl-2-2{padding-left: 22rpx;}
.pl-3{padding-left: 30rpx;}
.pl-3-1{padding-left: 32rpx;}
.pl-3-2{padding-left: 34rpx;}
.pl-4{padding-left: 40rpx;}
.pl-5{padding-left: 50rpx;}
.pl-10{padding-left: 100rpx;}
/**/
.pr-1{padding-right: 10rpx;}
.pr-1-3{padding-right: 16rpx}
.pr-3-1{padding-right: 32rpx;}
.pr-5{padding-right: 50rpx;}
.pr-5-3{padding-right: 56rpx;}
/**/
.pt-0{padding-top: 0;}
.pt-0-3{padding-top: 8rpx;}
.pt-1-3{padding-top: 16rpx;}
.pt-2-2{padding-top: 24rpx;}
.pt-3-1{padding-top:32rpx;}
.pt-6-2{padding-top:64rpx;}
.pt-8{padding-top:80rpx;}
.pt-9{padding-top:90rpx;}
.pt-10{padding-top:100rpx;}
/**/
.pb-1{padding-bottom: 10rpx}
.pb-1-1{padding-bottom: 12rpx}
.pb-1-2{padding-bottom: 14rpx}
.pb-1-3{padding-bottom: 16rpx}
.pb-2-2{padding-bottom: 24rpx;}
.pb-3{padding-bottom: 30rpx;}
.pb-3-1{padding-bottom:32rpx;}
.pb-4{padding-bottom: 40rpx;}
.pb-5{padding-bottom: 50rpx;}
.pb-6{padding-bottom: 60rpx;}
.pb-6-2{padding-bottom: 64rpx;}
.pb-7-3{padding-bottom:76rpx;}
.pb-9{padding-bottom:90rpx;}
/**/
.mx-0-3{margin-left: 8rpx;margin-right: 8rpx;}
.mx-1{margin-left: 10rpx;margin-right: 10rpx;}
.mx-1-3{margin-left: 16rpx;margin-right: 16rpx;}
.mx-2{margin-left: 20rpx;margin-right: 20rpx;}
.mx-2-2{margin-left: 24rpx;margin-right: 24rpx;}
.mx-3{margin-left: 30rpx;margin-right: 30rpx;}
.mx-3-1{margin-left: 32rpx;margin-right: 32rpx;}
.mx-5-3{margin-left: 56rpx;margin-right: 56rpx;}
.mx-auto{margin-left: auto;margin-right: auto;}
//
.my-1{margin-top: 10rpx;margin-bottom: 10rpx;}
.my-2{margin-top: 20rpx;margin-bottom: 20rpx;}
/**/
.mt-0-4{margin-top: 8rpx;}
.mt-1{margin-top:10rpx;}
.mt-0-3{margin-top:6rpx;}
.mt-1-3{margin-top:16rpx;}
.mt-2{margin-top:20rpx;}
.mt-2-2{margin-top:24rpx;}
.-mt-2-2{margin-top:-24rpx;}
.mt-3{margin-top:30rpx;}
.mt-3-1{margin-top:32rpx;}
.mt-3-4{margin-top:38rpx;}
.mt-4{margin-top:40rpx;}
.mt-4-4{margin-top: 48rpx;}
.mt-5{margin-top:50rpx;}
.mt-5-2{margin-top:54rpx;}
.mt-6-2{margin-top:64rpx;}
.-mt-6-2{margin-top:-64rpx;}
.mt-7-3{margin-top:76rpx;}
.mt-8{margin-top: 80rpx;}
.mt-9{margin-top:90rpx;}
.mt-9-2{margin-top: 94rpx;}
.mt-12{margin-top: 120rpx;}
/**/
.mb-0-4{margin-bottom: 8rpx;}
.mb-1{margin-bottom: 10rpx;}
.mb-1-3{margin-bottom: 16rpx;}
.-mb-1-3{margin-bottom: -16rpx;}
.mb-2{margin-bottom: 20rpx;}
.mb-2-2{margin-bottom: 24rpx;}
.mb-2-4{margin-bottom:28rpx;}
.mb-3{margin-bottom: 30rpx;}
.mb-3-1{margin-bottom: 32rpx;}
.-mb-3-1{margin-bottom: -32rpx;}
.mb-4{margin-bottom: 40rpx;}
.mb-4-2{margin-bottom: 44rpx;}
.mb-9{margin-bottom: 90rpx;}
//
.ml-1{margin-left: 10rpx;}
.ml-1-3{margin-left: 16rpx;}
.ml-2-2{margin-left: 24rpx;}
.ml-3-1{margin-left: 32rpx;}
.ml-7-3{margin-left: 76rpx;}
.ml-14{margin-left: 140rpx;}
//
.mr-0-3{margin-right: 6rpx;}
.mr-1{margin-right: 10rpx;}
.mr-1-1{margin-right: 12rpx;}
.mr-1-3{margin-right: 16rpx;}
.-mr-1-3{margin-right: -16rpx;}
.mr-2{margin-right: 20rpx;}
.mr-2-2{margin-right: 24rpx;}
.-mr-2-2{margin-right: -24rpx;}
.mr-3{margin-right: 30rpx;}
.mr-3-1{margin-right: 32rpx;}
.mr-3-4{margin-right: 38rpx;}
.mr-4{margin-right: 40rpx;}
.mr-4-4{margin-right: 48rpx;}
.mr-5{margin-right: 50rpx;}
.mr-5-3{margin-right: 56rpx;}
.mr-6{margin-right: 60rpx;}
/**/
.w-min{width: 1px;}
.w-2-2{width: 24rpx;}
.w-3-3{width: 36rpx;}
.w-4{width:40rpx}
.w-4-2{width: 44rpx;}
.w-4-4{width: 48rpx}
.w-5{width: 50rpx;}
.w-6{width: 60rpx;}
.w-7-1{width: 72rpx;}
.w-8{width: 80rpx;}
.w-8-4{width: 88rpx;}
.w-10{width: 100rpx;}
.w-11{width: 110rpx;}
.w-12{width: 120rpx;}
.w-12-4{width: 128rpx;}
.w-13-3{width: 136rpx;}
.w-14{width: 140rpx;}
.w-22{width: 220rpx;}
.w-40{width: 400rpx;}
.w-44{width: 440rpx;}
.w-80{width: 800rpx;}
.w-full{width: 100%;}
.w-p-90{width: 90%;}
.w-p-80{width: 80%;}
.w-p-33{width: 33.333333%;}
.w-p-25{width: 25%;}
.w-p-50{width: 50%;}
//
.leading-2-2{line-height: 24rpx;}
.leading-4-4{line-height: 48rpx;}
.leading-3-2{line-height: 34rpx;}
.leading-3-3{line-height: 36rpx;}
.leading-8{line-height: 80rpx;}
/**/
.h-min{height: 1px;}
.h-0-1{height: 2rpx;}
.h-0-2{height: 4rpx;}
.h-2-2{height: 24rpx;}
.h-2-4{height: 28rpx;}
.h-3{height: 30rpx;}
.h-3-1{height: 32rpx;}
.h-3-3{height: 36rpx;}
.h-4{height:40rpx}
.h-4-4{height: 48rpx}
.h-5{height: 50rpx;}
.h-6{height: 60rpx}
.h-4-2{height: 44rpx;}
.h-7-1{height: 72rpx;}
.h-8{height: 80rpx;}
.h-8-4{height: 88rpx;}
.h-10{height: 100rpx;}
.h-11{height: 110rpx;}
.h-12-4{height: 128rpx;}
.h-13-3{height: 136rpx}
.h-22{height: 220rpx;}
.h-full{height: 100%;}
/**/
.max-w-80{max-width: 800rpx;}
//
.border-box{box-sizing: border-box;}
//
.flex-1{flex:1;}

.row-center{display: flex;flex-direction: row;align-items: center;}
.flex-col-reverse{flex-direction: column-reverse;}
.flex-row-reverse{flex-direction: row-reverse;}
.column-center{display: flex;flex-direction: column;align-items: center;}
.flex-wrap{flex-wrap: wrap;}
.justify-around{justify-content: space-around;}
.justify-between{justify-content: space-between;}
.justify-end{justify-content: flex-end;}
.items-center{align-items: center;}
.items-stretch{align-items: stretch;}
.items-start{align-items: flex-start;}
.items-end{align-items: flex-end}
.self-center{align-self: center;}
.self-end{align-self: flex-end;}
.content-center{justify-content: center;}
.flex-center{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.row-wrap{display: flex;flex-direction: row;flex-wrap: wrap;}
.flex-row{flex-direction: row;}
.flex-column{flex-direction: column;}
/*display*/
.block{display: block;}
.flex{display: flex;}
.inline{display: inline;}
.inline-block{display: inline-block;}
.inline-flex{display: inline-flex;}
.hidden{visibility: hidden;}
/**/
.opacity-30{opacity: 0.3;}
.opacity-50{opacity: 0.5;}
.opacity-60{opacity: 0.6;}
.opacity-80{opacity: 0.8;}
.opacity-100{opacity: 1;}
//
.rounded-ss{border-radius: 2rpx;}
.rounded-s{border-radius: 4rpx;}
.rounded-n{border-radius: 8rpx;}
.rounded-m{border-radius: 12rpx;}
.rounded-l{border-radius: 16rpx;}
.rounded-xl{border-radius: 20rpx;}
.rounded-xxl{border-radius: 24rpx;}
.rounded-xxxl{border-radius: 36rpx;}
.rounded-full{border-radius: 9999px;}
.rounded-popup{border-radius: 24rpx 24rpx 0 0;}
//
.border{
	border-width: 1px;
	border-style: solid;
}
.border-b{
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.border-t{
	border-top-width: 1px;
	border-top-style: solid;
}
.border-l{
	border-left-width: 1px;
	border-left-style: solid;
}
.border-r{
	border-right-width: 1px;
	border-right-style: solid;
}
.border-0{
	border-width: 0;
}
.border-b-0{border-bottom-width: 0;}
//
.text-hide{font-size: 0;}
.text-xs{font-size: 20rpx;}
.text-s{font-size: 24rpx;}//small
.text-xn{font-size: 26rpx;}//比normal小一点
.text-n{font-size: 28rpx;}//normal
.text-m{font-size: 30rpx;}//middle
.text-l{font-size: 32rpx;}//large
.text-title{font-size: 34rpx;}
.text-xl{font-size: 36rpx;}
.text-xxl{font-size: 40rpx;}
.text-xxxl{font-size: 44rpx;}
.text-xxxxl{font-size: 48rpx;}
//
.font-xsmall{font-weight: 300;}
.font-small{font-weight: 400;}
.font-medium{font-weight: 500;}
.font-semibold{font-weight: 600;}
.font-bold{font-weight: 700;}
//
.break-normal{overflow-wrap: normal;word-break: normal;}
.break-words{overflow-wrap: break-word;}
.break-all{word-break: break-all;}
.nowrap{white-space: nowrap;}
.whitespace-normal{white-space: normal;}
//
.overflow-hidden{overflow: hidden;}
.overflow-auto{overflow: auto;}
//position type
.relative{position: relative;}
.sticky{position: sticky;}
.absolute{position: absolute;}
.fixed{position: fixed;}
//position value
.left-0{left: 0;}
.-left-8{left: -80rpx;}
.top-0{top: 0}
.top-10{top: 100rpx;}
.top-full{top: 100%}
.right-0{right: 0;}
.right-1{right: 10rpx;}
.bottom-0{bottom: 0}
.bottom-2{bottom: 20rpx}
.inset-x-0{left: 0;right: 0;}
.inset-y-2-3{top: 26rpx;bottom: 26rpx;}
.inset-0{left:0;right:0;top:0;bottom:0}
.y-center{
	top: 50%;
	transform: translate3d(0,-50%,0);
	-webkit-transform: translate3d(0,-50%,0);
}
.x-center{
	left: 50%;
	transform: translate3d(-50%,0,0);
	-webkit-transform: translate3d(-50%,0,0);
}
.xy-center{
	left: 50%;
	top: 50%;
	transform: translate3d(-50%,-50%,0);
	-webkit-transform: translate3d(-50%,-50%,0);
}
//
.clear{clear: both;}
.float-r{float: right;}
//
.z-10{z-index: 10;}
.z-20{z-index: 20;}
.z-30{z-index: 30;}
//
.bottom-shadow{box-shadow: 0 -2px 4px 0 rgba(41, 72, 152, 0.1);}
// .shadow{box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);}
// .shadow-md{box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);}
/*颜色*/
.b-color-1{border-color: $border-color-1;}
.b-color-2{border-color: $border-color-2;}
.b-color-3{border-color: $border-color-3;}
.b-color-4{border-color: $border-color-4;}
.b-disable{border-color: $color-disable}
.b-active{border-color: $color-active;}
.b-active-op20{border-color: rgba($color-active, 0.2);}
.b-transparent{border-color: transparent;}
.color-bg{color: $bg-color-1}
.color-primary{color: $color-primary}
.color-success{color: $color-success}
.color-warning{color: $uni-color-warning}
.color-secondary{color: $color-secondary;}
.color-secondary-1{color: $color-secondary-1}
.color-disable{color: $color-disable}
.color-title{color: $color-title}
.color-main{color: $color-main}
.color-main-1{color: $color-main-1}
.color-active{color: $color-active}
.color-white{color: $color-white}
.color-white-op60{color: rgba($color-white, 0.6)}
.color-error{color: $color-error}
.color-warning-2{color: $color-warning}
.color-orange{color: $color-orange}
.color-yellow{color: $color-yellow}
.color-green{color: $color-green}
.color-green-1{color: $color-green-1}
.color-link{color: $uni-color-primary}
.bg-primary{background-color: $color-primary;}
.bg-primary-op10{background-color: rgba($color-primary, 0.1);}
.bg-primary-op20{background-color: rgba($color-primary, 0.2);}
.bg-primary-op05{background-color: rgba($color-primary, 0.05);}
.bg-active{background-color: $color-active;}
.bg-main{background-color: $color-secondary;}
.bg-white{background-color: $bg-color-white;}
.bg-black{background-color: $bg-color-black;}
.bg-success{background-color: $color-success;}
.bg-error{background-color: $color-error}
.bg-disable{background-color: $color-disable;}
.bg-disable-op20{background-color: rgba($color-disable, 0.2);}
.bg-color-1{background-color: $bg-color-1;}
.bg-color-2{background-color: $bg-color-2;}
.bg-color-3{background-color: $bg-color-3;}
.bg-b-color-1{background-color: $border-color-1;}
.bg-b-color-2{background-color: $border-color-2;}
.bg-b-color-3{background-color: $border-color-3;}
.bg-color-warning{background-color: $uni-color-warning;}
.bg-color-error{background-color: $uni-color-error;}
.bg-green-op10{background-color: rgba($color-green, 0.1);}
.bg-warning-op10{background-color: rgba($color-warning, 0.1);}
.bg-orange-op10{background-color: rgba($color-orange, 0.1)}
.bg-error-op10{background-color: rgba($color-error, 0.1)}
.bg-transparent{background-color: transparent;}
